<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>游戏大厅</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/lib/css/main.css" media="all"/>
</head>

<body>
<div class="album-content w1000" id="layer-photos-demo">
    <div class="img-info">
        <img src="../res/img/xc_img1.jpg" alt="" layer-index="0">
        <div class="title">
            <p class="data">在线人数<span>6人</span></p>
            <p class="text">游戏大厅</p>
        </div>
    </div>
    <div class="img-list">
        <div class="layui-fluid" style="padding:0">
            <div class="layui-row layui-col-space30 space">
                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4">
                    <div class="item">
                        <img src="../res/img/xc_img3.jpg" layer-index="1">
                        <div class="cont-text">
                            <div class="data">你画我猜</div>
                            <p class="address"><i class="layui-icon layui-icon-location"></i><span>多人制游戏</span></p>
                            <p class="briefly">
                                <button class="layui-btn layui-btn-fluid" onclick="gotoroomPage(1)" data-index="1">
                                    进入房间列表
                                </button>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4">
                    <div class="item">
                        <img src="../res/img/xc_img3.jpg" layer-index="2">
                        <div class="cont-text">
                            <div class="data">贪吃蛇</div>
                            <p class="address"><i class="layui-icon layui-icon-location"></i><span>多人制游戏</span></p>
                            <p class="briefly">
                                <button class="layui-btn layui-btn-fluid" onclick="javascript:alert(" 待开发
                                ")">进入房间列表</button></p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4">
                    <div class="item">
                        <img src="../res/img/xc_img3.jpg" layer-index="2">
                        <div class="cont-text">
                            <div class="data">吃虫虫</div>
                            <p class="address"><i class="layui-icon layui-icon-location"></i><span>多人制游戏</span></p>
                            <p class="briefly">
                                <button class="layui-btn layui-btn-fluid" onclick="javascript:alert(" 待开发
                                ")">进入房间列表</button></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../layui/layui.js"></script>
<script src="../lib/js/utils.js"></script>
<script>
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer,
                form = layui.form,
                $ = layui.jquery;

        window.gotoroomPage = function (id) {
            location.href = location.origin + "/roomPage?id=" + id;
            return false;
        }
    });
</script>
</body>

</html>